@extends('pc_admin.app')

@section('content')
<link rel="stylesheet" href="/css/pc-system/attendance-left.css">
<link rel="stylesheet" href="/css/pc-system/company-vip.css?v=2019013001">
<div class="mian-container">
    <div class="container-section company-vip">
        <div class="f-left left-section">
            <div class="title-list top-list active">
                <h3 class="h3-title"><a href="javascript:void(0)"><i class="icon iconfont icon-xiangqing"></i>会员详情</a></h3>
                <div class="right-show">
                    <div class="com-top">
                        <div class="com-crown">
                            <img class="vip-crown" src="/img/vip-crown.png">
                            <img class="user-bk"   src={{"/uploads/images/company-logo/".$user->corpid.".png"}}>
                            <p>苜小青</p>
                        </div>
                        <div class="weui-cells">
                            <div class="weui-cell">
                                <div class="weui-cell__bd" style="padding-left: 260px;">
                                    <span>企业名称</span>{{$company->name}}
                                </div>
                            </div>
                            {{--<div class="weui-cell" style="padding-left: 260px;">
                                <div class="weui-cell__bd">
                                    <span>会员类型</span>企业VIP标准版(50人)
                                </div>
                            </div>--}}
                            <div class="weui-cell">
                                <div class="weui-cell__bd" style="padding-left: 260px;">
                                   <span>有效期限</span>{{$company->expire_at}}会员到期
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="title-list top-list">
                <h3 class="h3-title"><a href="{{url('/buy-vip')}}"><i class="icon iconfont icon-feiyong"></i>会员续费</a></h3>
            </div>
            <div class="title-list top-list">
                <h3 class="h3-title"><a href="javascript:void(0)"><i class="icon iconfont icon-gouwuche"></i>购买记录</a></h3>
                <div class="right-show">
                    <div class="com-list weui-cells">
                        @foreach($payOrder as $k => $v)
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><img src="/img/vip-list.png"></div>
                            <div class="weui-cell__bd">
                                <p class="brown-com">{{$v->goods_name}}</p>
                                <p class="time-com">{{$v->created_at}}</p>
                            </div>
                            <div class="weui-cell__ft">{{$v->total_fee}}元</div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="title-list top-list">
                <h3 class="h3-title"><a href="javascript:void(0)"><i class="icon iconfont icon-doubt-circle"></i>企业VIP说明</a></h3>
                <div class="right-show">
                    <h3>企业VIP说明</h3>
                    <p class="color-p">关于有效期</p>
                    <p>支付成功后次日起开始计算，1年有效期为365天，有效期内在此购买会员卡，会在原会员卡到期后自动宁生效。</p>
                    <p class="color-p">关于退款</p>
                    <p>VIP卡购买后不可退款。</p>
                    <p class="color-p">关于有效期</p>
                    <p>支付成功后次日起开始计算，1年有效期为365天，有效期内在此购买会员卡，会在原会员卡到期后自动宁生效。</p>
                </div>
            </div>
        </div>
        <div class="right-section">

        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('.title-list').each(function () {
            if($(this).hasClass('active')){
                $('.right-section').html($(this).find('.right-show').html());
            }
        })
        $('.title-list').click(function () {
           $(this).addClass('active');
            $(this).siblings().removeClass('active');
            $('.right-section').html($(this).find('.right-show').html());
        })

    })
</script>
@endsection